<template>
    <div class="user-center-box">
        <div class="head-portrait">
            <div class="circular"></div>
        </div>
        <div class="picture">
            <div class="photo">&#xe63c;</div>
        </div>
        <div class="user-info">
            <p class="name">{{userName}}</p>
            <p class="info">管理员</p>
        </div>
        <div class="lists">
            <item :to="{name: 'admin-user-lists'}">
                <span>&#xe604;</span>
                用户管理
            </item>
            <item :to="{name: 'admin-room-lists'}">
                <span>&#xe605;</span>
                房主管理
            </item>
            <item :to="{name: 'admin-order'}">
                <span>&#xe8b4;</span>
                下注记录
            </item>
            <item :to="{name: 'admin-p'}">
                <span>&#xe611;</span>
                修改密码
            </item>
        </div>
        <div class="btn">
            <router-link class="goin" :to="{name: 'factory-login'}">进入房间</router-link>
        </div>
    </div>
</template>

<script>
    import Item from '../../../components/item'
    export default {
        name: "index",
        data () {
            return {
                userName: sessionStorage.getItem('user_name')
            }
        },
        components: {
            Item
        },
    }
</script>

<style scoped lang="less">
@import "style";
</style>